@charset "utf-8";
/* CSS Document */
.content {
	border: 1px solid #ccc
}

.content {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: column wrap;
	padding:20px 20px;
}

.content .top {
	flex: 2;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.content .top .title {
	font-size: 18px;
	color: #545050;
	text-align: left;
	text-indent: 1em;
	margin-top: 50px;
}

.content .top .price {
	font-size: 18px;
	text-align: left;
	text-indent: 1em;
}

.content .top .description {
	height: 80px;
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
}

.content .top .left {
	flex: 1;
	font-size: 28px;
	color: #545050;
	text-align: center;
	margin-top: 50px;
}

.content .top .left img {
	border: 1px solid #9c9c9c;
}

.content .top .right {
	flex: 1;
	font-size: 28px;
	text-align: right;
	padding-right: 50px;
	line-height: 66px;
}

.content .center {
	flex: 1;
}

.content .commentBox {
	flex: 1;
}

.content .center .textinput {
    padding: 8px;
    border: 1px solid #ABADB3;
}

.content .center .textinput .msg{
	width: 100%;
    height: 132px;
    border: 0;
    outline: 0;
    resize: none;
}

.content .center .toolbar a{
	float:right;	
	margin-top:10px;
	margin-right:10px;
	background: #7080d2;
    color: #fff;
}

.content .center .toolbar a:hover {
	background:#8593e0;
}


.content .top .toolbar {
	margin-top: 30px;
}

.toolbar a {
	color: #E5511D;
	border-color: #F0CAB6;
	background: #FFE4D0;
	display: block;
	cursor: pointer;
	width: 134px;
	height: 38px;
	text-align: center;
	font-family: "Hiragino Sans GB","microsoft yahei",sans-serif;
	font-size: 16px;
	line-height: 38px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.toolbar a:hover {
	background: #fdddc5;
}

.commentBox {
	margin-top:100px;
}

.commentBox ul li {
	text-indent:1em;
	border-bottom:1px solid #ccc;
	padding:10px;
}